<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="font/demo.css">
  <link rel="stylesheet" href="font/iconfont.css">
  <link rel="stylesheet" href="font/iconfont.js">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/footer.css">
  <link rel="shortcut icon " type="images/x-icon" href="./images/biaozhi.png">
  <script src="./js/index.js"></script>
  <title>汇生活，汇回收</title>
</head>

<body>
  <!-- nav导航栏 -->
  <div class="navigation">
    <ul class="navigation_list">
      <li>登录/注册</li>
      <li>我的订单</li>
      <li>vip会员</li>
      <li>企业采购
        <div class="prise"></div>
      </li>
      <li>客户服务
        <div class="serve"></div>
      </li>
      <li><i class="iconfont">&#xe608;</i>APP</li>
    </ul>
  </div>

  <!-- header头部 -->
  <header>
    <div class="logo">
      <img src="./images/xiao.jpg" alt="">
    </div>
    <div class="search">
      <div class="search_frame">
        <i class="iconfont">&#xe617;</i>
        <input type="text" placeholder="iphone14" name="search_name">
        <button>搜索</button>
      </div>
      <ul class="search_tips">
        <li>手机</li>
        <li>平板</li>
        <li>笔记本</li>
        <li>相机</li>
        <li>蓝牙耳机</li>
        <li>游戏手柄</li>
        <li>智能手表</li>
        <li>数码配件</li>
      </ul>
    </div>
    <div class="shopping_cart">
      <i class="iconfont">&#xe70b;</i>
      购物车
      <!-- <i class="shopping_num">0</i> -->
    </div>
    <ul class="shopping_list">
      <li>首页</li>
      <li>手机回收</li>
      <li>平板电脑回收</li>
      <li>笔记本回收</li>
      <li>摄影摄像回收</li>
      <li>智能数码回收</li>
    </ul>
  </header>

  <!-- 宣传图片 -->
  <div class="propaganda_image">
    
  </div>

  <!-- 左侧边栏 -->
  <div id="hot_sale" class="hot_sale">
    <ul>
      <li>--热<span>销</span>榜--</li>
      <li>
        <a href="#">
          <i class="iconfont">&#xe6a4;</i>
          <span>全站<br>热销榜</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i class="iconfont">&#xe6a4;</i>
          <span>手机<br>搜索榜</span></a>
      </li>
      <li>
        <a href="#">
          <i class="iconfont">&#xe6a4;</i>
          <span>平板<br>回头榜</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i class="iconfont">&#xe6a4;</i>
          <span>笔记本<br>热卖榜</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i class="iconfont">&#xe6a4;</i>
          <span>摄影<br>热门榜</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i class="iconfont">&#xe6a4;</i>
          <span>数码<br>销售榜</span>
        </a>
      </li>
      
    </ul>
  </div>

  <!-- 中间新品商品区域 -->
  <div id="starting" class="starting">
    <div class="starting_tittle">
      <h3><a href="#">热门大牌</a></h3>
      <p>为你寻觅世间好物</p>
      <a href="#">更多新品 ></a>
    </div>
    <div class="starting_details">
      <div class="left_btn">
        <</div> <div class="new_style">
          <img src="./images/iphone14.jpg">
          <div>
            <p class="qingli">iphone 14 pro max<br>九成新</p>
            <p class="p_new">￥49</p>
            <p class="p_odd">￥199</p>
          </div>
      </div>
      <div class="new_style"><img src="./images/ipad2022.jpg" alt="">
        <div>
          <p class="qingli">ipad2022<br>未拆封</p>
          <p class="p_new">￥49</p>
          <p class="p_odd">￥199</p>
        </div>
      </div>
      <div class="new_style">
        <img src="./images/gopro.webp" alt="">
        <div>
          <p class="qingli">Go Pro<br>九成新</p>
          <p class="p_new">￥69</p>
          <p class="p_odd">￥89</p>
        </div>
      </div>
      <div class="new_style">
        <img src="./images/iwatch.jpg" alt="">
        <div>
          <p class="qingli">Apple Watch Series 7<br>全新</p>
          <p class="p_new">￥29.9</p>
          <p class="p_odd">￥43.9</p>
        </div>
      </div>
      <div class="right_btn">></div>
    </div>
  </div>

  <!-- 右侧边栏区域 -->
  <div id="setting" class="setting">
    <ul>
      <li>
        <img src="./images/ma.jpg" alt="">
        <p>扫码领取</p>
        <p>APP大额</p>
        <p>新人红包</p>
      </li>
      <li>
        <i class="iconfont">&#xe63f;</i>
        <span>订阅电子刊</span>
      </li>
      <li>
        <i class="iconfont">&#xe625;</i>
        <span>在线客服</span>
      </li>
      <li id="BackTop" class="backtop">
        <i>↑</i>
        <span>返回顶部</span>
      </li>
    </ul>
  </div>

  <!-- 人气推荐 -->
  <div id="recommend" class="recommend">
    <div class="recommend_tittle">
      <h3><a href="#">人气推荐</a></h3>
      <p>编辑推荐</p>
      <p>热销总榜</p>
      <a href="#">更多新品 ></a>
    </div>
    <div class="recommend_products">
      <div class="products_left">
        <img src="https://img10.360buyimg.com/n1/s450x450_jfs/t1/100160/4/28752/66984/636e70a1E552368e8/afee768c9b96bee1.jpg.avif" alt="">
        <p>HUAWEI Mate 50 Pro<br>曲面旗舰</p>
        <span class="recommend_new">¥14.9</span>
        <span class="recommend_odd">¥19.9</span>
      </div>
      <div class="products_right">
        <div>
          <img src="https://img12.360buyimg.com/n1/s450x450_jfs/t1/42776/10/17345/131277/626bc1e3Eb2b0278a/1dc51316f3dc1898.jpg.avif" alt="">
          <div>
            <p>华为笔记本电脑MateBook<br>11代酷睿 i5 16G+512G</p>
            <span class="products_new">￥19</span>
            <span class="products_odd">￥26</span>
          </div>
        </div>
        <div>
          <img src="https://img10.360buyimg.com/n1/s450x450_jfs/t1/151963/37/19369/177476/630f1a68E450d2a40/632b005f5313f10f.jpg.avif" alt="">
          <div>
            <p>小米（MI）Redmi Buds 4 Pro<br>主动降噪</p>
            <span class="products_new">￥11.9</span>
            <span class="products_odd">￥14.9</span>
          </div>
        </div>
        <div>
          <img src="https://img10.360buyimg.com/n1/s450x450_jfs/t1/124956/6/25760/499380/62f38c68E55ee24c1/39e6c0294ec59179.jpg.avif" alt="">
          <div>
            <p>大疆 DJI Mini 3 Pro<br>带屏遥控器</p>
            <span class="products_new">￥38</span>
            <span class="products_odd">￥56</span>
          </div>
        </div>
        <div>
          <img src="https://img13.360buyimg.com/n1/s450x450_jfs/t1/18768/37/20242/64456/63573dc0Ea49a9907/2a0ed227b2f4b95b.jpg.avif" alt="">
          <div>
            <p>华硕 (ASUS）<br>TUF GeForce RTX 3060 Ti</p>
            <span class="products_new">￥69</span>
            <span class="products_odd">￥99</span>
          </div>
        </div>
        <div>
          <img src="https://img13.360buyimg.com/n1/s450x450_jfs/t1/47635/32/21182/41683/63412d69Ef7d21a9f/ac5bee009b5b2cb1.jpg.avif" alt="">
          <div>
            <p>小米（MI）<br>智能手环7Pro</p>
            <span class="products_new">￥19.9</span>
            <span class="products_odd">￥24.9</span>
          </div>
        </div>
        <div>
          <img src="https://img14.360buyimg.com/n1/jfs/t1/2159/1/20340/142069/62e8f49cE0d8cb5ce/7adaa198e460feef.jpg.avif" alt="">
          <div>
            <p>影石（Insta360）<br>AI智能4K云台</p>
            <span class="products_new">￥14.9</span>
            <span class="products_odd">￥19.9</span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 居家生活 -->
  <div class="home">
    <!-- 标题 -->
    <div class="home_tittle">
      <h3>智慧生活</h3>
      <ul>
        <li>办公椅</li>
        <li>四季款</li>
        <li>秋冬款</li>
        <li>床垫床褥</li>
        <li>经典人气系列</li>
        <li>被子</li>
        <li>休闲椅</li>
        <li>
          <a href="#">查看更多&nbsp;></a>
        </li>
      </ul>
    </div>
    <!-- 售卖品 -->
    <div class="home_products">
      <div class="home_head"><img src="./images/chuang.webp" alt=""></div>
      <div><img src="./images/muzhuo.webp" alt="">
        <p>珠光色铸铁琅过22cm<br>原创调色</p>
        <span>￥188</span>
        <span>￥288</span>
      </div>
      <div><img src="./images/huangguo.webp" alt="">
        <p>双底面淘米洗菜水盆<br>不锈钢</p>
        <span>￥65</span>
        <span>￥79</span>
      </div>
      <div><img src="./images/yinguo.webp" alt="">
        <p>实木餐桌椅<br>原素·北欧原木</p>
        <span>￥899</span>
        <span>￥999</span>
      </div>
      <div><img src="./images/huoguo.webp" alt="">
        <p>新升级&nbsp;奶茶色精铸鸳鸯火锅30cm<br>一体压铸</p>
        <span>￥159</span>
        <span>￥199</span>
      </div>
    </div>
  </div>

  <!-- 大都在说 -->
  <div class="everyone">
    <div class="everyone_said">
      <div class="ever_tittle">
        <h3>大家都在说</h3>
        <small>生活，没有统一标准</small>
      </div>
      <div class="ever_information">
        <div class="ever_left">
          <</div> <div>
            <img src="https://img11.360buyimg.com/n1/jfs/t1/219048/2/15799/192377/623ed1d3Eb52b150d/f669f9891c915da0.jpg.avif" alt="">
            <div>
              <span>张****</span>
              <span>2022-11-11&nbsp;08:24</span>
              <h5>笔记本电脑</h5>
              <p>
                抱着处理废旧电器的心态，估价300多，觉得好开心，结果结账时商家主动涨到了400多??。这么良心的商家已经不多了！
            </p>
            </div>
        </div>
        <div>
          <img src="https://img12.360buyimg.com/n1/s450x450_jfs/t1/148767/39/18017/86358/5fd32ff0E5ca41721/d885f7c401dfa557.jpg.avif" alt="">
          <div>
            <span>陈****</span>
            <span>2022-10-22&nbsp;09:12</span>
            <h5>手机</h5>
            <p>
              第三次在汇回收卖手机，接单快，服务态度好，专业！
          </p>
          </div>
        </div>
        <div>
          <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/88462/28/22495/543110/62271f80E9caf1e9a/f5653d425da9e97a.jpg.avif" alt="">
          <div>
            <span>番****</span>
            <span>2022-09-21&nbsp;22:14</span>
            <h5>相机</h5>
            <p>
              检查很专业，服务态度很好！
          </p>
          </div>
        </div>
        <div class="ever_right">></div>
      </div>
    </div>
  </div>

  <!-- 客户服务 -->
  <div class="customer">
    <div class="cus_service">
      <p>客户服务</p>
      <div class="cus_seri on">
        <div class="online">
          <i class="iconfont">&#xe625;</i>
          <p>在线客服</p>
        </div>
        <div class="online">
          <i class="iconfont">&#xe656;</i>
          <p>用户反馈</p>
        </div>
      </div>
    </div>
    <div class="cus_service">
      <p>汇回收宗旨</p>
      <div class="cus_seri ex">
        <div class="explain">国内专业的电子产品回收及以旧换新服务提供商。

          汇回收网专注于手机、笔记本等电子数码产品的回收业务。采用回收商竞价模式，将回收价格透明化，并与京东、1号店、沃尔玛等知名品牌合作，为用户提供优质便捷的上门回收服务和一站式手机升级置换服务。</div>
        <div class="follow">
          <span>关注我们：</span>
          <i class="iconfont">&#xe63d;</i>
          <i class="iconfont">&#xe607;</i>
          <i class="iconfont">&#xe647;</i>
        </div>
      </div>
    </div>
    <div class="cus_service">
      <p>扫码下载汇回收APP</p>
      <div class="cus_ma">
        <img src="./images/ma.jpg" alt="">
        <p>下载领新人大礼包</p>
      </div>
    </div>
  </div>

  <!-- footer -->
  <footer>
    <ul class="sign">
      <li>
        <i class="iconfont">&#xe63d;</i>
        <span>高品质自营电商</span>
      </li>
      <li>
        <i class="iconfont">&#xe6d0;</i>
        <span>30天无忧退换货</span>
      </li>
      <li>
        <i class="iconfont">&#xe606;</i>
        <span>满99元免邮费</span>
      </li>
      <li>
        <i class="iconfont">&#xe63c;</i>
        <span>品质保障</span>
      </li>
    </ul>
    <ul class="copyright">
      <li>
        <a href="#">关于我们</a>
        <a href="#">帮助中心</a>
        <a href="#">售后服务</a>
        <a href="#">配送与验收</a>
        <a href="#">商务合作</a>
        <a href="#">企业采购</a>
        <a href="#">开放平台</a>
        <a href="#">搜索推荐</a>
        <a href="#">友情链接</a>
        <a href="#">廉政举报</a>
      </li>
      <li>
        <a href="#">食品经营许可证：JY13301080111719</a>
        <a href="#">出版物经营许可证：新出发滨字第0132号</a>
        <a href="#">妙得ICP证号：ICP 证浙B2-20160106</a>
        <a href="#">浙杭食药监械经营备20171029号</a>
        <a href="#">营业执照</a>
        <a href="#">网易公司版权所有 © 1997-2022</a>
      </li>
      <li>
        <a href="#">无线电发射设备销售备案：42202011096855</a>
        <a href="#">互联网药品信息服务资格证：（浙）-经营性-2022-0075</a>
        <a href="#">医疗器械网络交易第三方平台备案：（浙）网械平台备字[2020]第00029号</a>
      </li>
      <li>
        <a href="#">（浙杭）网械企备字[2019]第00119号</a>
        <a href="#">（粤）网械平台备字（2019）第00004号</a>
        <a href="#">（粤）-非经营性-2016-0023</a>
        <a href="#">进口冷链食品管理承诺书</a>
      </li>
      <li>
        <a href="#">食品经营许可证：JY14207050007694</a>
        <a href="#">浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</a>
        <a href="#">单用途商业预付卡备案证：330100AAC0024</a>
      </li>
      <li><a href="#">出版物网络交易平台服务经营备案：新出发浙备字第2021006号</a></li>
    </ul>
  </footer>

  <!-- 完结！！！！ -->
</body>

</html>